<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>信息与安装</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link  rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link  rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="mintor/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>

    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.min.js" ></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="jquery/extJs.js"></script>

    <script>
        $(function () {
            // 变色特效
            var backgroundElement = window.top.cfgetTopBackgroundElement();
            $(backgroundElement).css("background","rgba(50,125,205,0.9)");
//            console.log("fuck");
        });
        function Tab(num) {
            switch(num) {
                case 1:
                    document.getElementById("d1").style.display = "block";
                    document.getElementById("L1").style.backgroundColor = "#7db4d8";
                    document.getElementById("d2").style.display = "none";
                    document.getElementById("L2").style.backgroundColor = "#eef4f9";
                    document.getElementById("d3").style.display = "none";
                    document.getElementById("L3").style.backgroundColor = "#eef4f9";
                    document.getElementById("d4").style.display = "none";
                    document.getElementById("L4").style.backgroundColor = "#eef4f9";
                    document.getElementById("d5").style.display = "none";
                    document.getElementById("L5").style.backgroundColor = "#eef4f9";
                    document.getElementById("d6").style.display = "none";
                    document.getElementById("L6").style.backgroundColor = "#eef4f9";
                    break;
                case 2:
                    document.getElementById("d2").style.display = "block";
                    document.getElementById("L2").style.backgroundColor = "#7db4d8";
                    document.getElementById("d1").style.display = "none";
                    document.getElementById("L1").style.backgroundColor = "#eef4f9";
                    document.getElementById("d3").style.display = "none";
                    document.getElementById("L3").style.backgroundColor = "#eef4f9";
                    document.getElementById("d4").style.display = "none";
                    document.getElementById("L4").style.backgroundColor = "#eef4f9";
                    document.getElementById("d5").style.display = "none";
                    document.getElementById("L5").style.backgroundColor = "#eef4f9";
                    document.getElementById("d6").style.display = "none";
                    document.getElementById("L6").style.backgroundColor = "#eef4f9";
                    break;
                case 3:
                    document.getElementById("d3").style.display = "block";
                    document.getElementById("L3").style.backgroundColor = "#7db4d8";
                    document.getElementById("d1").style.display = "none";
                    document.getElementById("L1").style.backgroundColor = "#eef4f9";
                    document.getElementById("d2").style.display = "none";
                    document.getElementById("L2").style.backgroundColor = "#eef4f9";
                    document.getElementById("d4").style.display = "none";
                    document.getElementById("L4").style.backgroundColor = "#eef4f9";
                    document.getElementById("d5").style.display = "none";
                    document.getElementById("L5").style.backgroundColor = "#eef4f9";
                    document.getElementById("d6").style.display = "none";
                    document.getElementById("L6").style.backgroundColor = "#eef4f9";
                    break ;
                case 4:
                    document.getElementById("d4").style.display = "block";
                    document.getElementById("L4").style.backgroundColor = "#7db4d8";
                    document.getElementById("d1").style.display = "none";
                    document.getElementById("L1").style.backgroundColor = "#eef4f9";
                    document.getElementById("d2").style.display = "none";
                    document.getElementById("L2").style.backgroundColor = "#eef4f9";
                    document.getElementById("d3").style.display = "none";
                    document.getElementById("L3").style.backgroundColor = "#eef4f9";
                    document.getElementById("d5").style.display = "none";
                    document.getElementById("L5").style.backgroundColor = "#eef4f9";
                    document.getElementById("d6").style.display = "none";
                    document.getElementById("L6").style.backgroundColor = "#eef4f9";
                    break ;
                case 5:
                    document.getElementById("d5").style.display = "block";
                    document.getElementById("L5").style.backgroundColor = "#7db4d8";
                    document.getElementById("d1").style.display = "none";
                    document.getElementById("L1").style.backgroundColor = "#eef4f9";
                    document.getElementById("d2").style.display = "none";
                    document.getElementById("L2").style.backgroundColor = "#eef4f9";
                    document.getElementById("d3").style.display = "none";
                    document.getElementById("L3").style.backgroundColor = "#eef4f9";
                    document.getElementById("d4").style.display = "none";
                    document.getElementById("L4").style.backgroundColor = "#eef4f9";
                    document.getElementById("d6").style.display = "none";
                    document.getElementById("L6").style.backgroundColor = "#eef4f9";
                    break ;
                case 6:
                    document.getElementById("d6").style.display = "block";
                    document.getElementById("L6").style.backgroundColor = "#7db4d8";
                    document.getElementById("d1").style.display = "none";
                    document.getElementById("L1").style.backgroundColor = "#eef4f9";
                    document.getElementById("d2").style.display = "none";
                    document.getElementById("L2").style.backgroundColor = "#eef4f9";
                    document.getElementById("d3").style.display = "none";
                    document.getElementById("L3").style.backgroundColor = "#eef4f9";
                    document.getElementById("d4").style.display = "none";
                    document.getElementById("L4").style.backgroundColor = "#eef4f9";
                    document.getElementById("d5").style.display = "none";
                    document.getElementById("L5").style.backgroundColor = "#eef4f9";
                    break ;
            }
        }
    </script>

    <style type="text/css">
        .L1 {
            background-color: #7db4d8;
            cursor: pointer;
            color: #000000;
            font-size: medium;
            font-family: 微软雅黑;
            width: 15%;
        }

        .L2 {
            background-color: #eef4f9;
            cursor: pointer;
            color: #000000;
            font-size: medium;
            font-family: 微软雅黑;
            width: 15%;
        }
    </style>
</head>

<body style="margin-top: 60px;background-color: white;height:800px">
<div>
<table border=0 cellspacing=0 cellpadding=0 id=secTable style="width: 100%;border-bottom: 5px solid grey;height:40px;">
    <tr  align=center style="font-size: 12px;height:30px">
        <td height=30px class="L1" id="L1" onclick="Tab(1)">设备基本信息管理</td>
        <td height=30px class="L2" id="L2" onclick="Tab(2)">传感器基本信息管理</td>
        <td height=30px class="L2" id="L3" onclick="Tab(3)">补偿器基本信息管理</td>
        <td height=30px class="L2" id="L4" onclick="Tab(4)">传感器通道管理</td>
        <td height=30px class="L2" id="L5" onclick="Tab(5)">传感器安装管理</td>
        <td height=30px class="L2" id="L6" onclick="Tab(6)">补偿器安装管理</td>
    </tr>
</table>
</div>

<div id="d1" class="widget-box" style="padding-bottom:15px;text-align: center;display:block;">
    <Iframe src="mintor/basicInformation/equipment.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>

<div id="d2" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/basicInformation/sensor.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>

<div id="d3" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/basicInformation/compensator.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>

<div id="d4" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/sensorConfiguration/channel.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>

<div id="d5" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/sensorConfiguration/monitor.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>

<div id="d6" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/sensorConfiguration/compensatorEquipment.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
    <%--<iframe src="mintor/basicInformation/sensor.jsp"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>--%>
</div>
</body>
</html>
